body {
  margin: 0 auto;
  background-color: #f6f6f6;
}
.box {
  .header {
    display: flex;
    height: 1.4667rem;
    font-size: 0.48rem;
    font-family: Source Han Sans CN;
    font-weight: 550;
    color: #000000;
    background-color: #ffffff;
    opacity: 1;
    line-height: 1.4667rem;

    .center {
      width: 3.2rem;
      text-align: center;
    }
    .left,
    .right {
      flex: 1;
    }
    .left {
      height: 1.1733rem;
      .back {
        img {
          display: inline-block;
          margin-left: 0.2667rem;
          margin-top: 0.4667rem;
          width: 0.48rem;
          height: 0.48rem;
        }
      }
    }
  }

  .content {
    margin: 0.2667rem 0.4rem 0.5067rem 0.4rem;
    font-size: 0.32rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 0.5333rem;
    color: #000000;
    .express {
      margin-bottom: 0.2667rem;
      padding: 0.16rem 0.4267rem 0 0.4267rem;
      height: 2.7333rem;
      background-color: #ffffff;
      opacity: 1;
      border-radius: 0.2133rem;
      .express_status {
        margin-bottom: 0.0667rem;
        height: 0.6933rem;
        line-height: 0.6933rem;
        font-size: 0.4267rem;
        font-family: Source Han Sans CN;
        font-weight: 200;
        opacity: 1;
      }
      .express_section {
        display: flex;
        position: relative;
        .express_content {
          .content_item {
            display: flex;
            opacity: 0.5;
            .company,
            .phone {
              margin-right: 0.2133rem;
            }
            .person {
              margin-right: 0.5333rem;
            }
          }
          .light {
            color: #000000;
            opacity: 1;
            .copy {
              width: 0.3467rem;
              height: 0.4rem;
              margin-left: 0.1333rem;
              line-height: -0.4rem;
              img {
                display: inline-block;
                width: 100%;
                margin-top: 0.0667rem;
              }
            }
          }
        }
        .call {
          position: absolute;
          top: 0;
          right: 0;
          margin-top: 0.0667rem;
          margin-right: 0.1333rem;
          text-align: center;
          a {
            color: black;
          }
          .call_icon {
            width: 0.8rem;
            height: 0.8rem;
            margin-bottom: 0.0667rem;
            img {
              width: 100%;
            }
          }
          p {
            font-size: 0.32rem;
            font-family: Source Han Sans CN;
            font-weight: 500;
          }
        }
      }
    }

    // 物流详情
    .details {
      padding: 0.9067rem 0.4533rem 0 0.4533rem;
      border-radius: 0.2133rem;
      background-color: #ffffff;
      font-size: 0.32rem;
      .details_item {
        display: flex;
        flex-wrap: wrap;
        .details_time {
          width: 20%;
          text-align: center;
          margin-top: -0.1333rem;
          color: #000000;
        }
        .msg {
          position: relative;
          width: 80%;
          border-left: 2px solid rgb(209, 207, 207);
          padding-bottom: 0.6667rem;
          padding-left: 0.3333rem;
          &::before {
            content: "";
            background: url(../images/shou.png) no-repeat;
            background-size: 0.5333rem 0.5333rem;
            width: 0.5333rem;
            height: 0.5333rem;
            position: absolute;
            left: 0;
            top: 0;
            margin-left: -0.29rem;
            margin-top: -0.0667rem;
            z-index: 9999 !important;
          }
          .status {
            margin-left: 0.0667rem;
          }
        }

        .qianshou {
          &::before {
            content: "";
            background: url(../images/over.png) no-repeat;
            background-size: 0.5067rem 0.5067rem;
            width: 0.5067rem;
            height: 0.5067rem;
          }
          a {
            color: blue;
            opacity: 0.9;
          }
          i {
            font-style: normal;
            color: blue;
            opacity: 0.9;
          }
        }
        .qujian {
          &::before {
            content: "";
            background: url(../images/ing.png) no-repeat;
            background-size: 0.5333rem 0.5333rem;
          }
        }
        .paisong {
          &::before {
            content: "";
            background: url(../images/fa.png) no-repeat;
            background-size: 0.5333rem 0.5333rem;
          }
        }
      }

      .isGet,
      .isSend {
        width: 100%;
        // color: #000000;
        // opacity: 0.5;
      }
    }
  }
}
